<!DOCTYPE html>
<html lang="zh">
<head>
  <title></title>
  <meta charset="UTF-8">
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta content="email=no" name="format-detection" />
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <link rel="stylesheet" href="/guanyuanmobile/css/swiper.min.css">
  <link rel="stylesheet" href="/guanyuanmobile/css/index.css">
  <link rel="stylesheet" href="/plugins/layui/css/layui.css"  media="all">
  <script>window.mobileUtils=function(e,t){var i=navigator.userAgent,n=/android|adr/gi.test(i),a=/iphone|ipod|ipad/gi.test(i)&&!n;return{isAndroid:n,isIos:a,isMobile:n||a,isWeixin:/MicroMessenger/gi.test(i),isQQ:/QQ\/\d/gi.test(i),dpr:a?Math.min(e.devicePixelRatio,3):1,rem:null,fixScreen:function(){var i=this,n=t.querySelector('meta[name="viewport"]'),r=n?n.content:"";if(r.match(/initial\-scale=([\d\.]+)/),r.match(/width=([^,\s]+)/),!n){var o,s=t.documentElement,d=s.dataset.mw||750,m=a?Math.min(e.devicePixelRatio,3):1;t.getElementsByTagName("body")[0],s.removeAttribute("data-mw"),s.dataset.dpr=m,n=t.createElement("meta"),n.name="viewport",n.content=function(e){return"viewport-fit=cover,initial-scale="+e+",maximum-scale="+e+",minimum-scale="+e}(1),s.firstElementChild.appendChild(n);var c=function(){var e=s.getBoundingClientRect().width;e=e>d?d:e;var t=e/16;i.rem=t,s.style.fontSize=t+"px"};e.addEventListener("resize",function(){clearTimeout(o),o=setTimeout(c,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(o),o=setTimeout(c,300))},!1),c()}}}}(window,document),mobileUtils.fixScreen();</script>

 <style type="text/css">
   .layui-m-layercont {
     padding: 1px 1px;
     line-height: 22px;
     text-align: center;
   }

 </style>
</head>
<body style='background:#fff'>
<!-- 头部 -->
<div class="container">
  <div class="header clearfix">
    <div class="logo"></div>
    <div class="l1">袁天罡奇门遁甲山海号查询系统</div>
    <div style="display: none" class="logo2"></div>
    <div style="display: none"  class="backIcon" onclick="javascript:history.back(-1);">返回</div>
  </div>
  <div class="img1"></div>
  <div>

    <a style="color:#c69952;font-size: 16px;margin-top:5px;margin-right:5px;float:right" onclick="showLy()">山海查询</a>
    <button type="button" lay-submit="" lay-filter="demo1" class="layui-btn layui-btn-sm layui-btn-danger layui-btn-normal">点击计算</button>
  </div>
</div>
</body>
<script src="/plugins/layui/layui.js"></script>
<script>
  layui.use(['form', 'table'], function(){
    var form = layui.form,
            table = layui.table;



    //监听提交
    form.on("submit(demo1)", function(data){
      var datas = data.field;
      //第一个实例
      table.render({
        elem: "#demo"
        ,height: 450
        ,url: ""
        ,page: false //开启分页
        ,cols: [[ //表头
          {field:"id", title: "ID", sort: true, width:60}
          ,{field: "zhuguan", title: "主官", width:110}
          ,{field: "shiguan", title: "侍官", width:110}
          ,{field: "zhuguanYinlv", title: "主官甲子", width:110}
          ,{field: "shiguanYinlv", title: "侍官甲子", width: 110}
          ,{field: "shengkeguanxi", title: "生克", width: 85, sort: true}
          ,{field: "pinjiResult", title: "品级", width: 85, sort: true}
        ]]
      });
      //document.getElementById("viewportId").setAttribute('content','width=device-width, initial-scale=0.5, maximum-scale=1,user-scalable=yes');
      return false;
    });


  });


</script>
</html>
